/*视屏置顶*/
body {
  background-color: #ffffff;
}
/*头部视频*/
.header {
  width:100%;
  height: 5.63rem;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
  background-color: #ffffff;
  font-size: 0;
}
.header > .video > video {
  width: 100%;
  height: 5.63rem;
}
.detail img{
  max-width: 8rem;
}
/*内容*/
.container {
  margin-top: 5.63rem;
}
.video-info {
    width: 100%;
    padding-right: 0.4rem;
    padding-top: 0.92rem;
    padding-bottom: 0.55rem;
    border-bottom: 0.01rem solid rgba(229,229,229,1);
}
.video-info > .detail {
  width: 100%;
  display: inline-block;
}
.video-info > .detail >span{
    display: inline-block;
    width: 0.11rem;
    height: 0.43rem;
    background: rgba(220,56,56,1);
    float: left;
}
.video-info > .detail > h4{
    font-size: 0.43rem;
    color: rgba(17,17,17,1);
    line-height: 0.63rem;
    padding-left: 0.28rem;
    float: left;
    width: 80%;
    margin-bottom: 0.1rem;
    margin-top: -0.1rem;
}
.video-info > .detail > p {
  height:0.31rem;
  float: right;
  font-size:0.32rem; 
  color:rgba(153,153,153,1);
  line-height: 0.42rem;
}
.video-info > .detail > p::after{
  content: "";
  background: url("../images/arrow-xia.png");
  background-size: cover;
  width:0.27rem;
  height:0.15rem;
  display: inline-block;
  margin-left: 0.09rem;
  vertical-align: middle;
}
.video-info > .type {
    height: 0.43rem;
    padding-left: 0.4rem;
    
  }
.video-info > .type >.author  p {
  font-size: 0.32rem;
  line-height: 0.426666667rem;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  color: #999;
}
.video-info > .type >.author{
    width: 2.4rem;
    border-right: 1px solid #E5E5E5;
    height: 0.43rem;
    float: left;
    margin-right: 0.4rem;
}
.video-info > .type > span {
    font-size: 0.29rem;
    vertical-align: top;
    color: #999999;
    border: 0.03rem solid #A9A9A9;
    line-height: 0.426666667rem;
    background: rgba(244,245,250,1);
    border-radius: 0.05rem;
    padding: 0rem 0.16rem;
    margin-right: 0.21rem;
}
.video-info > .type > a {
  line-height: 0.426666667rem;
  position: absolute;
  right: 0.426666667rem;
  text-align: center;
  display: inline-block;
  font-size: 0.32rem;
  vertical-align: top;
  color:rgba(153,153,153,1);
}

/*视频简介弹窗*/
.video-message { 
  width: 100%;
  margin-top: 5.63rem;
  display: none;
}
.video-message  > .detail {
  position: fixed;
  width: 100%;
  height: 1.5rem;
  background: #ffffff;
  padding-top: 0.3rem;
}
.video-message > .detail > h4{
    font-size: 0.43rem;
    color: rgba(17,17,17,1);
    line-height: 0.58rem;
    border-left: 0.11rem solid rgba(220,56,56,1);
    padding-left: 0.28rem;
    float: left;
    width: 90%;
}
.video-message > .detail > img {
    position: absolute;
    right: 0.42666666667rem;
    width: 0.27rem;
    height: 0.15rem;
    margin-top: 0.15rem;
}
.video-message > .con{ 
    border-bottom: 0.01rem solid #E5E5E5;
}
.video-message > .con  > .type {
    text-align: center;
    display: inline-block;
    margin: 1.2rem 0rem 0.55rem 0.9rem;
  }
.video-message  > .con  > .type > p {
  font-size: 0.35rem;
  line-height: 0.426666667rem;
  text-align: center;
  vertical-align: top;
}
.video-message > .con  > .type > img {
  height: 1.28rem;
  width: 1.28rem;
  border-radius: 0.64rem;
  margin-bottom: 0.2rem;
  overflow: hidden;
}
.video-message > .video-intro {
  padding: 0 0.4266666667rem;
  margin-top: 0.506666667rem;
}
.video-message > .video-intro > .title > h4{
font-size:0.35rem;
color:rgba(51,51,51,1);
font-weight: bold;
}
.video-message > .video-intro > .detail > h6 {
font-size:0.4rem;
color:rgba(220,56,56,1);
margin: 0.4rem 0rem;
}
.video-message > .video-intro > .detail > p {
    font-size: 0.37rem;
    color: #888;
    line-height: 0.59rem;
    padding-bottom: 0.32rem;
}

/*相关视频*/
.related {
    padding: 0.53rem 0.4rem 0rem 0.4rem;
}
.related > .re-header > h4 {
    font-size: 0.3733333rem;
    font-weight: bold;
    padding-bottom: 0.42666667rem;
}
.re-wrapper > li {
  width: 100%;
  height: 1.79rem;
  position: relative;
  font-size: 0;
  margin-bottom: 0.53rem;
}
.re-wrapper > li:last-child{
  margin-bottom: 0;
}
.re-wrapper > li > a > .re-item-left {
    width: 3.12rem;
    float: left;
}
.re-wrapper > li > a > .re-item-left >img {
  width: 3.12rem;
  height: 1.79rem;
  overflow: hidden;
  border-radius: 0.1066666666666667rem;
}
.re-wrapper > li > a > .re-item-right {
    padding-left: 0.28rem;
    height: 1.55rem;
    margin: 0.11rem 0rem;
    float: right;
    width: 6rem;
}
.re-wrapper > li > a > .re-item-right > h4 {
  height: 1.2rem;
  line-height: 0.5rem;
  font-size: 0.37rem;
  color: #333;
}
.re-wrapper > li > a > .re-item-right > p {
  font-size: 0.32rem;
  padding:0.24rem 0.24rem 0.24rem 0;
}
.re-wrapper > li > a > .re-item-right > .re-item-right-wrapper >span {
  font-size: 0.32rem;
  color:rgba(153,153,153,1);
}
.re-wrapper > li > a > .re-item-right > .re-item-right-wrapper >span:last-child{
  float: right;
}
.re-all {
    width: 100%;
    text-align: center;
    position: relative;
    padding: 0.6rem 0rem;
    border-bottom: 0.01rem solid #E5E5E5;
}
.re-all > span {
  font-size:0.37rem;
  color:rgba(51,51,51,1);
  display: block;
}


/*相关视频详细*/
.re-video { 
  width: 100%;
  margin-top: 0.46666667rem;
  display: none;
  padding-bottom: 0.2rem;
}
.re-video  > .re-title {
  position: fixed;
  top: 5.6rem;
  width: 100%;
  height: 1rem;
  background: #ffffff;
  z-index: 10;
}
.re-video  > .re-title> h4{
  display: inline-block;
  font-size: 0.32rem;
  line-height: 0.6rem;
  width: 6.186666667rem;
  padding-top: 0.17rem;
  padding-left: 0.32rem;
  vertical-align: top;
  font-size: 0.3733333rem;
  font-weight: bold;
}
.re-video  > .re-title > img {
  width: 0.346666667rem;
  position: absolute;
  right:0.42666666667rem;
  display: inline-block;
  padding-top: 0.303333333rem;
  vertical-align: top;
}
.re-video > .re-wrapper {
  margin: 7rem 0.4266666667rem 0 0.4266666667rem;
}

/*评论*/
.comment {
  width: 100%;
  padding: 0rem 0.4rem;
}
.comment > .comment-title {
    margin: 0.53rem 0rem;
}
.comment > .comment-title > h4{
  font-size:0.37rem;
  color:rgb(29, 9, 9);
  font-weight: bold;
}
.comment > .comment-pub {
height:1.17rem;
}
.comment > .comment-pub > a {
  width: 1.14666667rem;
  float: left;
}
.comment > .comment-pub > a > img {
  width:1.15rem;
  height:1.15rem;
  border-radius:50%;
  visibility: top;
}
.comment-pub > .comment-inp {
    width:7.87rem;
    height:1.17rem;
    background:rgba(238,238,238,1);
    border-radius: 0.11rem ; 
    font-size:0.35rem;
    color:rgba(153,153,153,1);
    line-height:1.17rem;
    float: right;
    text-align: left;
    padding-left: 0.27rem;
}
/*评论弹窗*/
.comment-info {
  width: 100%;
  height: 6.58rem;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index:10;
  background-color: #ffffff;
  border-radius: 0.106666667rem 0 0.10666667rem 0;
  -moz-box-shadow: -0.1066666667rem 0.106666667rem 0.2rem #666666; /* 老的 Firefox */
  box-shadow:  -0.1066666667rem 0.106666667rem 0.2rem #666666;
  display: none;
}
.comment-info > .comment-title {
  width: 100%;
  border-bottom: 0.02rem solid #e5e5e5;
}
.comment-info > .comment-title > h4{
  display: inline-block;
  font-size: 0.45333333rem;
  width: 6.186666667rem;
  padding-left: 0.32rem;
  margin-bottom: 0.32rem;
  border-left: 0.1066666667rem solid #dc3838;
  
}
.comment-info > .comment-title > img {
  width: 0.346666667rem;
  position: absolute;
  top:0.46rem;
  right: 0.426666667rem;
}
.comment-info > .content {
  margin: 0.42666667rem;
}
.comment-info > .content > .comment-textarea {
  height: 2.90666666rem;
  width: 8.373333333rem;
  padding:0.32rem;
  font-size: 0.32rem;
  color: #999999;
  border: 0.02rem solid #BFBFBF;
  display: block;
}
.comment-info > .content > .comment-send {
  width: 1.6rem;
  height: 0.8rem;
  font-size: 0.32rem;
  line-height: 0.8rem;
  text-align: center;
  position: absolute;
  margin: 0.32rem 0 0.32rem 0;
  right: 0.4266666667rem;
  background: #dc3838;
  color: #ffffff;
  border-radius: 0.102rem;
  overflow: hidden;
}

/*网友评论*/
.comment-wrapper{
  margin-top: 0.62rem;
}
.comment-wrapper > ul > .comment-item{
  clear: both;
  width: 100%;
  border-bottom: 0.02rem solid #e5e5e5;
      margin-bottom: 0.53rem;
}
.comment-next {
  border:0rem ;
}
.comment-wrapper > ul > li > ul >li {
  width: 95%;
  margin: 0.32rem 0.42666667rem 0.22rem 0.42666667rem;
  border-bottom: 0.02rem solid #e5e5e5;
}
.item-top {
  font-size: 0;
  height: 1.15rem;
}
.item-top > .item-right {
    display: inline-block;
    height: 100%;
}
.item-top > .item-right > img {
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 50%;
  margin-right: 0.28rem;
  display: inline-block;
  overflow: hidden;
  float: left;
}
.item-top > .item-right > .user {
display: inline-block;
height: 1.15rem;
font-size: 0;
}
.item-top > .item-right > .user > h4 {
  font-size: 0.37rem;
  padding: 0.13rem 0rem 0.24rem 0rem;
}
.item-top > .item-right > .user > p {
  font-size:0.32rem;
  color:rgba(153,153,153,1);
}

.item-left {
    height: 100%;
    text-align: center;
    position: relative;
    padding-top: 0.2rem;
    float: right;
}
.item-left > .item-good > img {
  width: 0.346666667rem;
  height: 0.37333333rem;
  margin-right: 0.1rem;
  margin-top: 0.1rem;
}
.item-left > .item-good {
    display: inline-block;
    border: 0.01rem solid #dc3838;
    width: 1.56rem;
    height: 0.64rem;
    background: rgba(255,245,245,1);
    border-radius: 0.32rem;
    font-size: 0.35rem;
    color: rgba(220,56,56,1);
    margin-right: 0.32rem;
}
.item-left > .item-good > span {
  display: inline-block;
  position: relative;
  top:-0.07rem;
} 
.item-left > .item-no > span {
  display: inline-block;
  position: relative;
  top:-0.07rem;
} 
.item-left > .item-com > span {
  display: inline-block;
  position: relative;
  top:-0.07rem;
} 
.item-left > .item-com > img {
  width: 0.346666667rem;
  height: 0.37333333rem;
  margin-right: 0.1rem;
  margin-top: 0.1rem;
}
.item-left > .item-com {
    display: inline-block;
    color: #999999;
    border: 0.01rem solid #999999;
    width: 1.56rem;
    height: 0.64rem;
    border-radius: 0.32rem;
    font-size: 0.35rem;
    color: rgba(153,153,153,1);
}
.item-left > .item-no > img {
  width: 0.346666667rem;
  height: 0.37333333rem;
  margin-right: 0.1rem;
  margin-top: 0.1rem;
}
.item-left > .item-no {
    display: inline-block;
    border: 0.01rem solid #999999;
    width: 1.56rem;
    height: 0.64rem;
    border-radius: 0.32rem;
    font-size: 0.35rem;
    color: #999999;
    margin-right: 0.32rem;
}
.item-bottom > p {
  font-size: 0.37rem;
  line-height: 0.59rem;
  padding: 0.4rem 0rem 0.65rem 1.43rem;
  color: #333333;
}

.comment-tj { 
  width: 100%;
  margin-top: 5.63rem;
  display: none;
  border: 1px solid #fff;
  padding: 0rem 0.4rem;
}
.comment-tj  > .re-title {
    position: fixed;
    width: 9.55rem;
    height: 1rem;
    background: #ffffff;
    padding-top: 0.3rem;
    z-index: 1;
    margin-top: -0.1rem;
}
.comment-tj  > .re-title> h4{
    font-size: 0.35rem;
    color:rgba(17,17,17,1);
    font-weight: bold;
    line-height: 0.35rem;
    border-left: 0.11rem solid rgba(220,56,56,1);
    padding-left: 0.28rem;
    float: left;
}
.comment-tj  > .re-title > img {
    position: absolute;
    right: 0.42666666667rem;
    width: 0.27rem;
    height: 0.15rem;
    margin-top: 0.15rem;
}
.comment-tj > .comment-top {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.item-next > .item-bottom > p {
  margin-right: 0.4266666667rem;

}
.comment-item >.item-zan{
 text-align: center;
     margin: 0.8rem 0rem;
}
.comment-item >.item-zan img{
width:1.44rem;
height:1.44rem;
}
.comment-item >.item-zan p{
  font-size:0.35rem;
  color:rgba(153,153,153,1);
  margin-top: 0.29rem;
}
.bottom-item {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding-top: 0.05rem;
    background: #ffffff;
    width: 100%;
    height: 1.41rem;
    background: rgba(255,255,255,1);
    border-top: 1px solid #E5E5E5;
    padding: 0rem 0.4rem;
}
.bottom-item > .btn {
  width:7.07rem;
  height:1.07rem;
  background:rgba(238,238,238,1);
  border-radius: 0.11rem ; 
  text-align: center;
  float: left;
   margin-top: 0.16rem;
  font-size:0.35rem; 
  color:rgba(153,153,153,1);                                     
}
.bottom-item > .btn >img{
    width:0.37rem;
    height:0.33rem;
    margin-right: 0.13rem;
    vertical-align: middle;
    margin-top: -0.1rem;
}
.bottom-item > .item-no {
font-size:0.35rem;
color:rgba(153,153,153,1);  
margin-top: 0.5rem;
    width: 2rem;
    float: right;
    text-align: center;
  
}
.bottom-item > .item-no >img{
  width:0.37rem; 
  height:0.35rem;     
      margin-right: 0.13rem;
  border-radius:0.03rem;         
}
/*加载水滴*/
.loading {
  text-align: center;
  width: 100%;
  display: none;
  padding-top: 0.2rem;
}
.loading > img {
  width: 0.666666667rem;
  height: 0.8rem;
}
/* 没有评论 */
.no-comment{
  clear: both;
  text-align: center;
  padding: 1.32rem 0rem;
}
.no-comment img{
  width:2.53rem;
  height:2.24rem;
}
.no-comment p{
  font-size:0.32rem;
  color:rgba(153,153,153,1);
  line-height:0.31rem;
  margin-top: 0.37rem
}